* {
    margin: 0;
    padding: 0;
   
    /* box-sizing: border-box; */
}

@font-face {
    font-family: 'iconfont';
    /* project id 563245 */
    src: url('//at.alicdn.com/t/font_563245_retk1192yaps0pb9.eot');
    src: url('//at.alicdn.com/t/font_563245_retk1192yaps0pb9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_563245_retk1192yaps0pb9.woff') format('woff'), url('//at.alicdn.com/t/font_563245_retk1192yaps0pb9.ttf') format('truetype'), url('//at.alicdn.com/t/font_563245_retk1192yaps0pb9.svg#iconfont') format('svg');
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: 'iconfont';
    /* project id 375763 */
    src: url('//at.alicdn.com/t/font_375763_gt25etb6usv5nrk9.eot');
    src: url('//at.alicdn.com/t/font_375763_gt25etb6usv5nrk9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_375763_gt25etb6usv5nrk9.woff') format('woff'), url('//at.alicdn.com/t/font_375763_gt25etb6usv5nrk9.ttf') format('truetype'), url('//at.alicdn.com/t/font_375763_gt25etb6usv5nrk9.svg#iconfont') format('svg');
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.top-nav .iconfont {
    font-size: 15px;
    margin: 0 3px 0 0;
    color: #dc2a49;
    display: inline-block;
    height: 16px;
    line-height: 14px;
}

a {
    text-decoration: none;
}

.clearfix::before, .clearfix::after {
    content: "";
    display: table;
    font-size: 0;
}

.clearfix::after {
    clear: both;
}

.top-nav {
    height: 30px;
    background-color: #f1f1f1;
    line-height: 30px;
}

.top-nav .container {
    width: 1200px;
    margin: 0 auto;
    color: #525252;
    font-size: 12px;
}

.container .iconfont {
    color: red;
}

.container .icon-xiajiantou_huaban {
    display: inline-block;
    color: #525252;
    transition: all 0.3s;
}

.top-nav .container .border:hover .icon-xiajiantou_huaban, .top-nav .container .phone:hover .icon-xiajiantou_huaban {
    transform: rotate(180deg);
}

.top-nav .container a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

.top-nav .container a:hover {
    color: #f60;
}

.top-nav .container a, .top-nav-right .larder {
    color: #525252;
    font-size: 12px;
    padding: 0 12px;
}

.top-nav-left, .top-nav .container .left {
    float: left;
}

/* 让所有需要小横线的盒子都相对定位 */

.top-nav .container .end {
    position: relative;
}

.top-nav .container .end::after {
    content: "";
    display: inline-block;
    height: 13px;
    width: 1px;
    background-color: #a1a0a7;
    position: absolute;
    top: 9px;
    right: 0;
}

.top-nav-left .phone a {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    position: relative;
    z-index: 10;
}

.top-nav-left .phone:hover a {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    background-color: #ffffff;
}

/* 手机站下滑栏 */

.top-nav-left .phone .code {
    display: none;
    position: absolute;
    top: 29px;
    left: 0;
    text-align: center;
    border: 1px solid #e0e0e0;
    color: #666;
    z-index: 10;
    background-color: #fff;
}

.top-nav-left .phone .code .line {
    border-bottom: 1px solid #e0e0e0;
}

.top-nav-left .phone:hover .code {
    display: block;
}

.top-nav-left .phone .code dt {
    padding: 16px 14px;
}

.welcome, .top-nav-left .login a, .top-nav-left .register a {
    padding: 0 8px;
}

.top-nav-left .login {
    position: relative;
}

.top-nav-left .login::after {
    content: "";
    display: inline-block;
    height: 13px;
    width: 1px;
    background-color: #a1a0a7;
    position: absolute;
    top: 9px;
    right: 0;
}

/* 因为下面为了让他压住伪类 左移了一部分 导致整体左移 用定位重新对齐 */

.top-nav-right {
    float: right;
    position: relative;
    right: -16px;
}

/* 定义top是为了相对定位 用z-index压住下滑栏上边框 */

.top-nav-right .border .top {
    position: relative;
    border-bottom: 1px solid transparent;
    z-index: 11;
}

.top-nav-right .border:hover .top {
    background-color: #fff;
}

.top-nav-right .border {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.top-nav-right .border:hover {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.top-nav-right .dropdown {
    display: none;
    font-size: 12px;
    width: 100%;
    position: absolute;
    top: 29px;
    left: -1px;
    padding: 0;
    border: 1px solid #e0e0e0;
    z-index: 9;
    background-color: #fff;
}

.top-nav-right .border:hover .dropdown {
    display: block;
}

/* 定义下滑栏的a标签和盒子一样宽 */

.top-nav-right .dropdown a {
    padding: 0;
    width: 100%;
    text-align: center;
}

.top-nav-right .border .hot {
    display: none;
    position: absolute;
    top: 30px;
    left: -1px;
    padding: 0;
    border: 1px solid #e0e0e0;
    width: 220px;
    padding-left:  15px;
    background-color: #fff;
    z-index: 10;
}

.top-nav-right .border:hover .hot {
    display: block;
}

.top-nav-right .border .hot dd {
    display: inline-block;
    width: 84px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-right: 8px;
}

.top-nav-right .border .hot dt {
    font-weight: 700;
    margin-bottom: 5px;
}

.top-nav-right .border .hot dd a {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: left;
    padding-left: 0;
}

.top-nav-right .border .server {
    display: none;
    width: 307px;
    padding: 0 15px;
    text-align: left;
    position: absolute;
    top: 30px;
    left: -223px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
}

.top-nav-right .border:hover .server {
    background-color: #fff;
    display: block;
    z-index: 10;
}

.top-nav-right .border .server dl {
    padding-bottom: 10px;
    padding-top: 11px;
    border-bottom: 1px solid #e0e0e0;
}

.top-nav-right .border .server .last {
    border-bottom: none;
}

.top-nav-right .border .server dl dt {
    color: black;
    font-weight: 700;
}

.top-nav-right .border .server dl dd {
    display: inline-block;
    width: 66px;
    height: 20px;
    line-height: 20px;
}

.top-nav-right .border .server a {
    width: 80px;
    height: 20px;
    line-height: 20px;
    padding-left: 0px;
}

/* 为了压住左边的伪类 所以左移让盒子 */

.top-nav-right .collect {
    left: -1px;
}

.top-nav-right .shop {
    left: -3px;
}

.top-nav-right .give {
    left: -5px;
}

.top-nav-right .ste {
    left: -7px;
}

.top-nav-right .serve {
    left: -9px;
}

.top-nav-right .main {
    left: -11px;
}

.top-nav-right .nav {
    left: -13px;
}

/* 前台门户头部 */

.Reception-header {
    box-sizing: border-box;
    height: 124px;
    color: #333;
    padding: 10px 0;
    background-color: #fff;
}

.Reception-header .container {
    width: 1200px;
    margin: 0 auto;

}

.Reception-header .container .logo {
    float: left;
    width: 208px;
    height: 80px;
    background: url(img/logo.png) center no-repeat;
    margin-top: 13px;
}

.Reception-header .container .logo a {
    display: block;
    width: 208px;
    height: 80px;
}

.Reception-header .container .logofont {
    box-sizing: border-box;
    float: left;
    width: 260px;
    height: 80px;
    background: url(img/logoFont.jpg) no-repeat center;
    padding: 15px 30px 15px 20px;
    margin-top: 13px;
}

.Reception-header .container .headsearch {
    position: relative;
    left: -29px;
    box-sizing: border-box;
    height: 104px;
    /* border: 1px solid red; */
    float: left;
    padding: 30px 0;
}

.Reception-header .container .search-product, .Reception-header .container .search-border {
    float: left;
}

.headsearch .searchbox {
    float: left;
    border: 2px #ed4c4e solid;
   
    height: 40px;
    line-height: 40px;
    font-size: 0;
    color: #666;
}

.headsearch .search-product .product {
    height: 40px;
    border-right: 1px #f0f0f0 solid;
}

.headsearch .search-product span {
    box-sizing: border-box;
    display: inline-block;
    width: 50px;
    font-size: 12px;
    padding-left: 10px;
}

.headsearch .search-product i {
    box-sizing: border-box;
    display: inline-block;
    padding:0 15px;
}

.headsearch .search-border .search {
    float: left;
    box-sizing: border-box;
    padding: 0 15px;
    width: 335px;
    height: 40px;
    border: none;
    outline: none;
    color: #333;
    font-size: 12px;
}

.headsearch .search-border button {
    width: 56px;
    height: 40px;
    font-size: 16px;
    border: none;
    outline: none;
    cursor: pointer;
    background-color: #f36d58;
}

.headsearch .search-border button .icon-sousuo{
    color: seashell;
    font-size: 22px;
    font-weight: 700;
}

.headsearch .search-border button:hover {
    background-color: #cd1d3b;
}

.headsearch a {
    display: inline-block;
    width: 116px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #757575;
    font-size: 14px;
    margin-left: 10px;
    border: 1px #e5e5e5 solid;
}

.headsearch a:hover {
    background: #f2f2f2;
    border: 1px #ddd solid;
}

.Reception-header .icon-bi {
    font-size: 16px;
    margin-right: 8px;
    color:#757575 ;
}
.Reception-header .appphoto {
    float: right;
    text-align: center;
    width: 80px;
    color: #515151;
    font-size: 12px;
    line-height: 24px;
}

.Reception-header .appphoto dd{
    border: 1px #e0e0e0 solid;
    padding: 5px;
}

.Reception-header .appphoto img {
    width: 68px;
    height: 68px;
    vertical-align: middle;
}
/* 前台门户结束 */
/* 导航包开始 分类 */
.navwrap .main-wrap {
    width: 1200px;
    margin: 0 auto;

    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.navwrap .main-wrap ul li {
    float: left;
    list-style: none;
    width: 100px;
}
.navwrap .main-wrap ul li .iconfont {
    font-size: 17px;
    margin-right: 10px;
}

.navwrap .main-wrap ul li:nth-child(1) {
    width: 180px;
    padding-left: 20px;
    color: #fff;
    text-align: left;
    background-color: #f36d58;
    font-weight: 700;
}
.navwrap .main-wrap ul li:nth-child(3),
.navwrap .main-wrap ul li:nth-child(4) {
    position: relative;
}
.navwrap .main-wrap ul li:nth-child(3)::after,
.navwrap .main-wrap ul li:nth-child(4)::after{
    content: '';
    width: 32px;
    height: 14px;
    background-image: url(img/smallhot.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 11px;
    top: -6px;
   
}

.navwrap .main-wrap ul li a{
    color: #333; 
}
.navwrap .main-wrap ul li a:hover{
    color: #e02445;
}
/* 导航包结束 */
/* 横幅开始 */
.banner {
    width: 100%;
    height: 510px;
    background-image: url(img/acg_banner.jpg);
    background-position: center top;
}
.banner .banner-centre {
    width: 1200px;
    margin: 0 auto;
  
}
.banner .left-banner-centre {
    width: 200px;
    height: 478px;
    float: left;
    background: #fff;
    border: 1px solid red;
    position: relative;
    padding-top: 12px;
    z-index: 3;
}


.banner .left-banner-centre ul li{
    list-style: none;
    width: 200px;
    height: 32px;
    font-size: 14px;
    padding: 7px 0;
}

.banner .left-banner-centre ul li a {
    position: relative;
    display: block;
    color: #484848;
    padding: 0 10px 0 16px;
    font-size: 14px;
    line-height: 32px; 
    z-index: 20;
    
}
.banner .left-banner-centre ul li a:hover {
    background-color: #f4f4f4;
}
.banner .left-banner-centre ul li .iconfont{
    margin-right: 7px;
    vertical-align: middle;
    font-size: 16px;
}
.banner .left-banner-centre .nav-first {
    display: none;
    position: absolute;
    top: 0;
    right: -1001px;
    width: 1000px;
    height: 490px;
    border: 1px solid #e7e7e8;;
    background-color: #fff;
    margin-left: 3px;
}
.banner .left-banner-centre ul li:hover .nav-first {
    display: block;
}
.banner .left-banner-centre .nav-first-left{
    float: left;
    padding: 10px 20px;
    height:468px;
}
.banner .left-banner-centre dl{
    width: 732px;
    font-size: 12px;
    border-bottom: 1px solid #e7e7e8;
    padding: 10px 0;
    /* border: 1px solid red; */
    text-align: center;
}

.banner .left-banner-centre dl dt {
    border-left: 3px solid #db2242;
    color: #595959;
    width: 90px;
    height: 14px;
    line-height: 14px;
    padding: 0 0 0 5px;
    margin: 4px 0;
    font-weight: bold;
}
.banner .left-banner-centre dl dt::after {
    content: "\e64c";
    font-family: "iconfont";
    padding-left: 5px;
    font-size: 13px;
    color: #707271;
    font-weight: normal;
}

.banner .left-banner-centre dl dt,
.banner .left-banner-centre dl dd{
    float: left;
}
.banner .left-banner-centre dl dd a {
    float: left;
    padding: 0 8px;
    margin: 4px 0;
    line-height: 16px;
    height: 16px;
    border-right: 1px solid #e0e0e0;
    color: #737373;
    font-size: 12px;
}
    
.banner .nav-first-right {
    float: right;
    height: 488px;
    width: 226px;
    border: 1px solid #e6e2e7;
}
.banner .nav-first-right .right-top-name {
    width: 226px;

    margin-top: 18px;
}
.banner .nav-first-right .right-top-name a {
    display: block;
    float: left;
    width: 102px;
    height: 42px;
    padding:  0;
    margin: 10px 0 10px 8px;
    overflow: hidden;
    border: 1px solid transparent;
}

.banner .nav-first-right .right-top-name a:hover {
    background-color: #fff;
    border: 1px solid red;
}

.banner .nav-first-right .right-top-name a  img {
    width: 102px;
    height: 42px;
}

.right-banner-centre {
    float: left;
    width: 740px;
    height: 480px;
    margin: 0 10px;
    padding-top: 10px;
}

.right-banner-centre  .layui-carousel {
    float: left;
    width: 740px!important;
    height: 305px!important;
    background: #fff;
}
.right-banner-centre  .layui-carousel div:nth-child(5) img {
    width: 740px;
    height: 305px;
}

.right-banner-centre .centre-down {
    font-size: 0;
    float: left;
    width: 759px;
    height: 165px;

    margin-top: 10px;
}
.right-banner-centre .centre-down a {
    float: left;
    position: relative;
    border-right: 1px solid #f5f5f5;
}

.right-banner-centre .centre-down .centre-down-small {
    position: absolute;
    top: 105px;
    width: 184px;
    text-align: center;
    line-height: 18px;
    left: 0px;
}
.right-banner-centre .centre-down .centre-down-small h4 {
    font-size: 14px;
    color: #4d4d4d;
    line-height: 22px;
    width: 184px;
    height: 22px; 
}
.right-banner-centre .centre-down .centre-down-small span {
    font-size: 12px;
    height: 22px;
    color: #ff7e20;
    line-height: 24px;
    display: inline-block;
    width: 184px;
}

.banner-centre .max-right {
    float: left;
    margin-top:10px ;
}
.max-right .logo-top {
    width: 236px;
    height: 68px;
    /* border: 1px solid black; */
    background-color: #fff;
    padding: 15px 0;
}
.max-right .logo-top img {
    height: 66px;
    width: 66px;
    border-radius: 100%;
    border: 1px solid #eee;
    position: relative;
    top: 0;
    right: -15px;
}
.max-right .logo-top .logo-right{
    width: 134px;
    height: 52px;
    float: left;
    padding: 8px 0 8px 15px;
    float: right;
    line-height: 26px;
}
.max-right .logo-top .logo-right p {
    margin-top: 5px;
    font-size: 14px;
    color: #dd2c4b;
    vertical-align: middle;
}
.max-right .logo-top .logo-right i {
    color: #9a9a9a;
}

.max-right .logo-user {
    float: left;
    width: 236px;
    height: 32px;
    /* border: 1px solid red; */
    background-color: #fff;
    text-align: center;
    
   
}
.max-right .logo-user a{
    display: inline-block;
    height: 29px;
    width: 95px;
    line-height: 32px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e02445;
    color: red;
    border-radius: 3px;
    font-size: 12px;
    margin: 0 5px;
}
.max-right .logo-botton {
    width: 236px;
    height: 189px;
    border-top: 1px solid #fff;
    padding-top: 17px;
    background-color: #fff;
}
.max-right .logo-botton-top {
    width: 210px;
    /* height: 29px; */
    line-height: 30px;
    border-bottom: 1px solid #dcdcdc;
    margin: 0 15px;
}
.max-right .logo-botton-top a {
    font-size: 12px;
    padding: 0 3px;
    display: inline-block;
    line-height: 30px;
}

.max-right .logo-botton-down ul {
    margin-top: 8px;
}

.max-right .logo-botton-down li {
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 15px;
    /* border: 1px solid black; */
}
.max-right .logo-botton-down li em {
    color: #a5a5a5;
    padding-right: 2px;
    font-style: normal;
}

.max-right .increase {
    width: 236px;
    height: 165px;
    background-color: #fff;
    margin-top: 11px;
}

.max-right .increase-content span {
    display: inline-block;
    width: 73px;
    height: 104px;
    background-image: url(整体雪碧图.png);
    background-position: -28px -247px;;
    margin-left: 20px;
    margin-top: 30px;
    border-right: 1px solid #e0e0e0;
}
.max-right .increase-content .number {
    float: right;
    width: 120px;
    height: 104px;
    color: #8a8a8a;
    line-height: 18px;
    margin-top: 30px;
}
.max-right .increase-content p{
    padding: 5px 0 32px 0;
    color: #db2242;
    font-size: 20px;
}  

/* 右侧导航栏 */
.right-nav {
    position: fixed;
    top: 230px;
    right: 0;
}

.right-nav a {
    display: block;
    background-color: #ddd;
    margin-bottom: 2px;
    height: 38px;
    width: 38px;
    position: relative;
}
.right-nav a  i {
    text-align: center;
    line-height: 38px;
    padding: 0px 7px;
    font-size: 25px; 
}

.right-nav a span {
    display: none;
    color: #fff;
    position: absolute;
    top: 0;
    left: -60px;
    height: 38px;
   line-height: 38px;
   font-size: 12px;
   background-color: #e02445;
   border-radius: 5px;
   padding:0 10px 0 8px;
}
.right-nav a .logo-photo {
    text-align: center;
    top: -120px;
    left: -136px;
    width: 124px;
    height: 159px;
}
.right-nav a .logo-photo img {
    margin-top: 10px;
    width: 112px;
    height: 112px;
}
.right-nav a:hover {
    background-color: #e02445;
}

.right-nav a:hover i {
    color: seashell;
}
.right-nav a:hover span {
    display: block;
}
/* 右侧导航栏结束 */


/* 中部大内容开始 */
/* 中部第一部分 */
.center-content {
    width: 100%;
    background-color: #efefef;
    overflow: hidden;
}

.center-content-center{
    width: 1200px;
    margin: 0 auto;
    margin-top: 45px;
}

.center-content-center .warp-one .left {
    float: left;
    width: 588px;
    text-align: center;
}
.center-content-center .warp-one .right {
    float: right;
}
.warp-one .left h2 {
    color: #3a3a3a;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px;
    position: relative;
}

.warp-one .left h2 em {
    font-style: normal;
    color: #ff7031;
}
.warp-one .left h2::before {
    content: "";
    
    position: absolute;
    width: 10px;
    height: 10px;
    
    background-color: #fff;
    top: 5px;
    left: 100px;
    border-radius: 50%;
}

.warp-one .left span {
    display: inline-block;
    width: 470px;
    border-bottom: 1px solid #e4e4e4;
    position: absolute;
    top: 10px;
   right: 8px;
}
.warp-one .left ul li {
    text-align: left;
    float: left;
    width: 100px;
    height: 15px;
    line-height: 15px;
    border-right: 1px solid #e3e3e3;
    margin-right: 12px;
    padding-right: 5px;
    margin-top: 10px;
}
.warp-one .left ul li:nth-child(5n){
    margin-right: 0;
    border: none;
}

 /* 中部第二部分 广告 */
.warp-two {
    margin-top: 55px;
}
/* 中部第三部分 机械设备 */
.warp-three span {
    color: red;
}
.warp-three h2{
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #4c4c4c;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ededed;
    background-color: #fff;
}

.warp-three .one-F-left,
.warp-three .one-F-center {
    float: left;
}

.warp-three .one-F-center ul {
    width: 425px;
    height: 418px;
    background-color: #fff;
    padding: 15px 31px;
}

.warp-three .one-F-center li {
    float: left;
    width: 212px;
    height: 95px;
}
.warp-three .one-F-center li h4 {
    font-weight: bold;
    font-size: 16px;
    color: #fe500b;
    line-height: 40px;
}
.warp-three .one-F-center li a {
    font-size: 12px;
    display: inline-block;
    color: #525252;
    height: 22px;
    line-height: 22px;
    margin-right: 17px;
}

.one-F-center-small {
    font-size: 0;
    width: 264px;
    float: left;
}
.one-F-center-small a{
    display: inline-block;
    border-right: 1px solid #eeeeee ;
    border-left: 1px solid #eeeeee ;
    border-bottom: 1px solid #eeeeee;

}
.one-F-center-small a:nth-child(2) {
    border-left: none;

}







/* 底部开始 */
.footerbox{
    width: 100%;
    background-color: #1b1b1b;
    padding: 40px 0;
}

.footerbox a:hover {
    color: #e02445!important;
}
.footer .footer-top  {
    width: 1200px;
    margin: 0 auto;
    background-color: #1b1b1b;
    color: #6e6e6e;
    padding-bottom: 40px;
}

.footer .footer-top .logo {
    float: left;
    margin-right: 80px;
}
.footer .footer-top .logo img {
    width: 156px;
    height: 60px;
}
.footer .footer-top .logo p{
    font-size: 20px;
    color: #fff;
    padding-top: 20px;
}
.footer .footer-top .logo p i {
    font-size: 16px;
    margin-right: 8px;
    color: #a0a0a0;
}

.footer .footer-top .enditem-one  {
    float: left;
    margin-right: 110px;
    
}
.footer .footer-top h4{
    width: 139px;
    height: 39px;
    line-height: 39px;
    border-bottom: 1px #2f2f2f solid;
    font-size: 16px;
    color: #ddd;
}
.footer .footer-top .enditem-one li {
    line-height: 26px;
}
.footer .footer-top .enditem-one li a{
    color: #a0a0a0;
}

.footer .footer-top .enditem-two {
    float: left;
}
.footer .footer-top .enditem-two span{
    line-height: 26px;  
}
.footer .footer-top .enditem-two .photo1 {
    width: 76px;
    font-size: 12px;
    float: left;
}

.footer .footer-top .enditem-two img {
    width: 68px;
    height: 68px;
}
.footer .footer-top .enditem-two .photo2 {
    float: right;
    width: 76px;
    font-size: 12px;
}
.footer .footer-botton {
    width :1200px;
    margin: 0 auto;
    text-align: center;
    color: #6e6e6e;
    line-height: 36px;
    font-size: 12px;
}

.footer .footer-botton li {
    padding: 5px 0;
}
.footer .footer-botton .footer-one {
    border-bottom:1px solid #6e6e6e;
}
.footer .footer-botton a {
    padding: 0px 12px;
    color: #6e6e6e;
    height: 20px;
}

.footer .footer-botton .footer-two .qq {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(整体雪碧图.png);
    position: relative;
    left: 0;
    top: 4px;
   
}
.footer .footer-botton .footer-two .weibo {
    background-image: url(整体雪碧图.png);
    background-position: 0 -18px;
}

.footer .footer-botton .footer-three span{
    color: #333
}
.footer .footer-botton .footer-four span{
    width: 88px;
    height: 31px;
    display: inline-block;
    background-image: url(底部图片/精灵.png);
}
.footer-four  .two {
    background-position: -92px 0;
}
.footer-four  .three {
    background-position: -182px 0;
}
.footer-four  .four {
    background-position: -272px 0;
}
.footer-four  .five{
    background-position: -383px 0;
}
.footer-four  .six{
    background-position: -478px 0;
}
.footer .footer-botton .footer-four .seven{
   background-image: url(底部图片/yingye.png);
}